<%@tag pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx"><%=request.getContextPath()%></c:set>
<style>
	body {
		overflow-y: scroll;
	}
	
	.top_add_fav {
			color: #A5710A;
			display:none;
			font-size: 14px;
			height: 30px;
			padding-top: 5px;
			text-align: center;
			line-height: 1;
			background-color: #ffeecd;
			border-bottom:1px solid #eee;
			background-image: -webkit-gradient( linear,left bottom,left top,from( #fff),to( #ffeecd));
			background-image: -moz-linear-gradient( center bottom, #fff, #ffeecd);
			filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFEECD', endColorStr='#ffffff', gradientType='0');
		}
	
		.top_add_fav .taf_add {
			background: url("${ctx}/images/top.png") no-repeat;
			display: inline-block;
			width: 180px;
			height: 25px;
			overflow: hidden;
			line-height: 100px;
			vertical-align: -6px;
		}

		.top_add_fav .taf_close {
			font-size: 12px;
			color: #C4704F;
			text-decoration: underline;
			vertical-align: 1px;
			cursor: pointer;
		}

	.navbar {
        background: #ff5500; 
        margin-bottom:0px;
        padding-top:1px;
        border:none;
	}
	
	.navbar-right li a{
		font-size:13px !important;
	}
	.menu a{
		color:#FFF;
		font-size:16px;
		font-family: 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, 宋体;
	}
	.menu a:hover,.menu a:focus{
		background-color:#FFF !important;
		color:#ff5500 !important;
		border-radius:1px;
	}
	
	.navbar .current a{
		background-color:#FFF;
		color:#ff5500;
		font-weight: bold;
		border-radius:1px;
	}
	#logo a:hover{
		background: #FE7402;
	}
	
	.shop-widget{
		list-style: none;
		position: fixed;
		top: 200px;
		right:0px;
		padding:2px;
		border: 1px solid #DFDFDF;
		z-index: 999;
	}
	
	.cart-box{
		background: #fff;
		padding:9px 2px;
		border-bottom: 1px dashed #DFDFDF;
	}
	
	.right-nav{
		list-style: none;
		position: fixed;
		right:0px;
		top:100px;
		z-index:99999;
		border: 1px solid #e6e6e6;
		width:58px;
		margin:0px;
		padding:0px;
		font-size:12px;
		background-color: #fff;
	}
	
	.right-nav  li .text{
		width:58px;
		height:50px;
		color: #ff5500;
		padding-top:15px;  
		text-align: center;
		cursor: pointer;
		display: block;
		text-decoration: none;
	}
	
	.right-nav li .cart_nums,.right-nav li .pay_nums  {
background: #ff5500;
border: 1px solid #fff;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
color: #fff;
height: 16px;
line-height: 16px;
padding-left: 4px;
padding-right: 4px;
float: right;
position: relative;
top: -6px;
right: -15px;
}
	
	.right-nav  li .ico{
		margin-left: 9px;
		margin-top: 8px;
		height: 23px;
		width: 32px;
		display: block;
	}
	
.right-nav  li .ico_cart{
	background: url("${ctx}/images/sale140225.png") -143px -107px no-repeat;
}

.right-nav li .ico_remark{
	background: url("${ctx}/images/sale140225.png") -183px -107px no-repeat;
}

.right-nav  li  .ico_serviceqq{
	background: url("${ctx}/images/sale140225.png") 9px -35px no-repeat;

}

.right-nav li .ico_shouchan{
	background: url("${ctx}/images/sale140225.png") -255px -107px no-repeat; 
}

.right-nav  li  .ico_servicewangwang{
	background: url("${ctx}/images/sale140225.png") -66px -105px no-repeat;  
	height:26px;

}



.right-nav  li  .ico_top{
	background: url("${ctx}/images/sale140225.png") -224px -109px no-repeat;

}


	
	.right-nav li{
	    border-bottom: 1px solid #e6e6e6;
		width:58px;
	}
	
	.right-nav li .txt{
		width:58px;
		height:27px;
		line-height: 26px;
		color: #ff5500;
		text-align: center;
		cursor: pointer;
		display: block;
	}
	
		.right-nav li .txt:hover{
		 text-decoration: none;
	}
	
</style>

<a name="top"></a>
<header class="navbar" style="border-radius:0px;" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only"></span>
        <span class="icon-bar" style="background-color: #fff;"></span>
        <span class="icon-bar" style="background-color: #fff;"></span>
        <span class="icon-bar" style="background-color: #fff;"></span>
      </button>
      <a href="${ctx}/" class="navbar-brand"><span style="color:#fff;font-weight: bold;position: relative;margin-left:0px;">
      		名鞋团购网</span><span style="color:#fff;font-size:13px;"></span>
      </a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav">
      		<li class="home menu current" data-url="#限时特卖"><a href="${ctx}/#限时特卖">限时特卖</a></li>
        	<li class="menu" data-url="#名鞋专场"><a href="${ctx}/discount/#名鞋专场" target="_blank">名鞋专场</a></li>
      </ul>
     
      <ul class="nav navbar-nav navbar-right">
      <c:choose>
      	<c:when test="${not empty customer}">
	 		<li class="dropdown menu">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
			      ${customer.email } <span class="caret"></span>
			    </a>
			    <ul class="dropdown-menu">
			      <li><a href="${ctx}/customer/customerManager">我的订单</a></li>
			      <li><a href="#" id="logout_a">退出</a></li>
			    </ul>
			</li>	
      	</c:when>
      	
      	<c:otherwise>
     		<li class="menu">
          		<a href="${ctx }/login">登录</a>
        	</li>
	        <li class="menu" data-url="#注册">
	          <a href="${ctx }/register.html#注册">注册</a>
	        </li>
	       
      	</c:otherwise>
      	
      </c:choose>
      
      <li class="menu">
	          <a href="${ctx}/cart"><span class="glyphicon glyphicon-shopping-cart" style="margin-right:2px;"></span>购物车<span class="badge topcart"></span></a>
	     </li>      
      </ul>
      
       <form class="navbar-form navbar-right" role="search" id="search_form_id"  style="display: none;">
            <div class="form-group" style="margin-right:-5px;">
              <input type="text" class="form-control search-input" style="border-radius:0px;" placeholder="请输入商品名称搜索">
            </div>
            <button type="button" class="btn btn-default wg_btn_search" style="border-radius:0px;"> <span style="color:#ff5500;" class="glyphicon glyphicon-search"></span></button>
          </form>
    </nav>	
  </div>
</header>


 

 

<script>
	//切换菜单样式
	$(".menu").each(function(){
		if($(this).data("url") == location.hash){
			$(this).addClass("current");
		}else{
			$(this).removeClass("current");
		}
		if(!location.hash){
			$(".home").addClass("current");
		}
	});
	
	if(jWei.util.isPC()){
		$(".pc-menu").each(function(){
			$(this).show();
		});
		$("#kefu_id").show();
	}else{
		$(".not-pc-menu").each(function(){
			$(this).show();
		});
		$("#kefu_id").hide();
	}
	
	$("#logout_a").click(function(){
		$.get("${ctx}/customer/logout.do",function(data){
			window.location.href="${ctx}/";
		});
	});
	
	
	
	var valid = new jValidation.Validation('feedback_form', {
		immediate : true
	});
	
</script>

